<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box1{
            width: 100px;
            height: 100px;
            /* background-color: red; */
            background-color: rgb(125, 120, 127);
            
        }
    </style>
</head>
<body>
    <div class="box1"></div>
    <!-- 可以用颜色名 来设置颜色  -->
    <!-- 颜色不方便 直接使用
    rgb值 表示颜色 -->
    <!-- 3中颜色的浓度 -->
    <!-- 每一种 0-255 或者 0%-100%
    rgb -->
    <!-- 可以自己调配 并不难 -->
    <!-- 光的三颜色 -->
    <!-- 3个255 白色 3个0 黑色 -->
    <!-- 可以调什么色 -->
    <!-- rgb可以用数字来表示颜色 -->
    <!-- rgna  透明的效果 0.0-1.0  -->
    <!-- rnba表示不透明度 -->
    <!-- 也可以用16进制来表示颜色 -->
    <!-- hsl hsla -->
    <!-- 开发中用的不是很多 -->
    <!-- 但在工业的开发中用的还是比较多的 -->
    <!-- 色相  0-360  
    饱和度 0%-100%  颜色的浓度 -->
    <!-- 亮度 0%-100%  颜色的亮度 -->
    <!-- 用的不是特别多  -->
    




</body>
</html>